<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/_template.xhtml">
	<ui:define name="titulo">
		Cadastro de Usuários
	</ui:define>
	
	<ui:define name="corpo">
		<div id="conteudo">

			<h2>Cadastro de Usuários</h2>
			<p:messages globalOnly="true"/>
			<h:form id="formSuperior">
				<p:fieldset legend="#{msg['usuario.dadosUsuario']}">
					<p:outputLabel for="login" value="#{msg['usuario.login']}: " />
					<p:inputText id="login" value="#{usuarioBean.usuario.login}" />

					<p:outputLabel for="senha" value="#{msg['usuario.senha']}: " />
					<p:password id="senha" value="#{usuarioBean.usuario.senha}" />
				</p:fieldset>

				<h:commandButton value="#{msg['uberdist.btnGravar']}" action="#{usuarioBean.salva}" style="float: left;">
					<f:ajax execute="@form" render=":formSuperior :formInferior" />
				</h:commandButton>
				
				<h:commandButton action="usuario" value="Cancelar" immediate="true" style="float: left; margin-left: 15px;"
					rendered="#{not empty usuarioBean.usuario.id}"/>

			</h:form>
			
			<h:panelGroup rendered="#{not empty usuarioBean.usuarios}">
				<h2>#{msg['usuario.titulo.listagem']}</h2>
			</h:panelGroup>
			
			<h:form id="formInferior">
				<p:dataTable id="lista" rendered="#{not empty usuarioBean.usuarios}"
					value="#{usuarioBean.usuarios}" var="usuario"
					paginator="true" rows="5">
					<p:column headerText="#{msg['usuario.tabela.col.login']}">
						<h:outputText value="#{usuario.login}" />
					</p:column>
					<p:column headerText="#{msg['usuario.tabela.col.senha']}">
						<h:outputText value="#{usuario.senha}" />
					</p:column>
					<p:column headerText="#{msg['uberdist.acoes']}">
						<h:commandLink action="#{usuarioBean.remove(usuario)}" value="#{msg['uberdist.lnkRemover']}"/>
						|
						<f:ajax render=":formSuperior" execute="@form">
							<h:commandLink value="#{msg['uberdist.lnkAlterar']}">
								<f:setPropertyActionListener target="#{usuarioBean.usuario}" value="#{usuario}"/>
							</h:commandLink>
						</f:ajax>
					</p:column>
				</p:dataTable>
			</h:form>
		</div>
	</ui:define>
</ui:composition>
</html>